﻿@using WineStore.Models;
@using WineStore.Extends;
@{    AjaxOptions ajaxOpts = new AjaxOptions
      {
          UpdateTargetId = "indexpartial"
      };
}
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Wine</title>
    <meta name="description" content="Collection of free template CSS, HTML, Wordpress... All free download. Choose free template for you" />
    <meta name="keywords" content="shop, free template" />
    <meta name="robots" content="index,follow" />
    <link href="../../Content/HomeStyles/global.css" rel="stylesheet" type="text/css"
        media="all" />
    <link href="../../Content/HomeStyles/style.css" rel="stylesheet" type="text/css"
        media="all" />
    <link href="../../Content/HomeStyles/homefeatured.css" rel="stylesheet" type="text/css"
        media="all" />
    <link href="../../Content/HomeStyles/blockbestsellers.css" rel="stylesheet" type="text/css"
        media="all" />
    <!--Register facebook-->
    <link href="../../Content/openid-shadow.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/openid.css" rel="stylesheet" type="text/css" />
    <!--End Register facebook-->
    <script type="text/javascript" src="../../Scripts/HomeScripts/hoverIntent.js"></script>
    <script type="text/javascript" src="../../Scripts/HomeScripts/jquery.easing.js"></script>
    <script type="text/javascript" src="../../Scripts/HomeScripts/superfish-modified.js"></script>
    <script type="text/javascript" src="../../Scripts/HomeScripts/script.js"></script>
    <script type="text/javascript" src="../../Scripts/HomeScripts/jquery-1.7.2.min.js"></script>
    <script src="../../Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
    <!--Register facebook-->
    <script src="../../Scripts/openid-jquery.js" type="text/javascript"></script>
    <script src="../../Scripts/openid-en.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://connect.facebook.net/en_US/all.js"> </script>
    <script type="text/javascript">
        $(document).ready(function () {
            openid.init('openid_identifier');
        });
    </script>
    <!--End Register facebook-->
</head>
<body id="index">
    <div id="wrapper1">
        <div id="wrapper2">
            <div id="wrapper3" class="clearfix">
                <header id="header">
    @Html.ActionImage("Index", "Home", "../../Content/HomeImages/logo.png", "Wine", new { id = "header_logo", title = "Wine" }, new { @class = "logo" })
	<!-- Block languages module -->
	<div id="languages_block_top">
		<ul id="first-languages">
			<li class="selected_language">en</li>
			<li><a href="" title="Español (Spanish)">es</a></li>
			<li><a href="" title="Français (French)">fr</a></li>
		</ul>
	</div><!-- /Block languages module -->
	
	<ul id="tmheaderlinks">
		<li><a href="" class="active">home</a></li>
		<li><a href="">specials</a></li>
		<li><a href="">delivery</a></li>
		<li><a href="">contact</a></li>
	</ul>

	<!-- Block user information module HEADER -->
	<ul id="header_user">
		
		@if (Request.IsAuthenticated)
  {
        <li id="your_account"><a style="color:White;" id="name" href="" data-id="@User.Identity.Name" title="Your Account">Welcome:&nbsp;@User.Identity.Name</a></li>
        <li id="user_logout">&nbsp;@Html.ActionLink("(logout)", "LogOff", "Account", null, new { @class = "login_logout", style = "color:white;" })&nbsp;</li>
  }
  else
  {
  <li id="user_info">Welcome (&nbsp;@Html.ActionLink("LogOn", "LogOn", "Account", null, new { @class = "login_logout" })&nbsp;)|(&nbsp;@Html.ActionLink("Register", "Register", "Customer", null, new { @class = "login_logout" })&nbsp;)</li>
  }
      </ul>

        
     @{String cart = Convert.ToString(@ViewBag.TotalCartItems); }
     <div id="shopping_cart">
     @Html.ActionLink("Cart:( " + cart + " )", "Index", "ShoppingCart", null, new { title = "Your Shopping Cart", id = "totalcartitems" })
</div>
	
	<!-- /Block user information module HEADER -->

	<!-- MODULE Block cart -->
	<div id="cart_block" class="block exclusive">
		<h4>
			<a href="?controller=order">Cart</a>
		</h4>
		
		<div class="block_content">
			<!-- block list of products -->
			<div id="cart_block_list" class="expanded">
				<p  id="cart_block_no_products">No products</p>
				<div class="cart-prices">
					<div class="cart-prices-block">
						<span id="cart_block_shipping_cost" class="price">$0.00</span>
						<span>Shipping</span>
					</div>
					
					<div class="cart-prices-block">
						<span id="cart_block_total" class="price ">$0.00</span>
						<span>Total</span>
					</div>
				</div>
				
				<p id="cart-buttons">
					<a href="" class="button_mini" title="Cart">Cart</a>
					<a href="" id="button_order_cart" class="exclusive" title="Check out"><span></span>Check out</a>
				</p>
				<div class="clearblock"></div>
			</div>
		</div>
	</div><!-- /MODULE Block cart -->

	<div id="search_block_top">
		<form method="post" action="" id="searchbox">
			<input class="search_query" type="text" id="search_query_top" name="search_query" value="" />
			<a href="javascript:document.getElementById('searchbox').submit();">Search</a>
		</form>
	</div><!-- /Block search module TOP -->
	@using (Ajax.BeginForm("ShowProductPartial", ajaxOpts))
 {
    <div id="topmenu">
    <ul class="sf-menu clearfix">
        @foreach (var viewModelItem in (List<Category>)@ViewBag.Categories)
        {
            <li>@Ajax.ActionLink(@viewModelItem.CategoryName, "IndexPartial", "Home", new { categoryId = @viewModelItem.CategoryId }, new AjaxOptions
           {
               UpdateTargetId = "indexpartial",
           })</li>
        }
    </ul>
    </div>
 }
</header>
                <div class="columns clearfix">
                    <div id="center_column" class="center_column">
                        @RenderBody()
                        <div id="tmpics1">
                            <ul>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_08.jpg" alt="" /></a></li>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_09.jpg" alt="" /></a></li>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_10.jpg" alt="" /></a></li>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_11.jpg" alt="" /></a></li>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_12.jpg" alt="" /></a></li>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_13.jpg" alt="" /></a></li>
                            </ul>
                            <div class="clearblock">
                            </div>
                        </div>
                        <div id="tmpics2">
                            <ul>
                                <li><a href="">
                                    <img src="../../Content/HomeImages/slide_07.jpg" alt="" /></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <footer>

<div id="footer" class="clearfix"><div id="tmfooterlinks"> 	
		<div>
			<h4>Information</h4>
			<ul>
				<li><a href="">Sitemap</a></li>
				<li><a href="">Legal Notice</a></li>
				<li><a href="">Terms and conditions</a></li>
				<li><a href="">About us</a></li>
				<li><a href="">Contact</a></li>
			</ul>
		</div>
		
		<div>
			<h4>Our offers</h4>
			<ul>
				<li><a href="">New products</a></li>
				<li><a href="">Specials</a></li>
				<li><a href="">Top sellers</a></li>
				<li><a href="">Manufacturers</a></li>
				<li><a href="">Suppliers</a></li>
			</ul>
		</div>
		
		<div>
			<h4>My account</h4>
			<ul>
				<li><a href="">My orders</a></li>
				<li><a href="">My addresses</a></li>
				<li><a href="">My personal info</a></li>
				<li><a href="">My credit slips</a></li>
				<li><a href="">My vouchers</a></li>
			</ul>
		</div>
		
		<p>&copy; 2013 Powered by <a href="http://www.prestashop.com">PrestaShop</a>&trade;. All rights reserved</p>
		
	</div><!-- MODULE Block contact infos -->
	
	
	<div id="block_contact_infos">
		<h4>Contact us</h4>
		<ul>
			<li class="contact_infos_company"><strong>My Company</strong></li>		<li class="contact_infos_address">8901 Marmora Road, Glasgow, D04 89GR</li>		<li class="contact_infos_phone">Tel: (84)-9876-5432</li>		<li class="contact_infos_email">Email: <a href="mailto:contact@themescss.com" >contact@themescss.com</a></li>	</ul>
	</div><!-- /MODULE Block contact infos -->
</div>

</footer>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://themescss.com/ga_themescss.js"></script>
</body>
</html>
